<template>
	<view>
		<uni-fab ref="fab" :pattern="pattern" :content="content" :horizontal="horizontal" :vertical="vertical"
			:direction="direction" :icon="icon" :popMenu='popMenu' @trigger="trigger" @fabClick="fabClick" />
	</view>
</template>

<script>
	export default {
		name: "uniFab",
		props: {
			content: {
				type:Array,
				default:[]
			},
			icon: {
				type:String,
				default:'plusempty'
			},
			popMenu:{
				type:Boolean,
				default:true
			}
		},
		mounted() {
		},
		data() {
			return {
				title: 'uni-fab',
				directionStr: '垂直',
				horizontal: 'right',
				vertical: 'bottom',
				direction: 'vertical',
				pattern: {
					color: '#7A7E83',
					backgroundColor: '#fff',
					selectedColor: '#4d72ff',
					buttonColor: '#4d72ff',
					iconColor: '#fff'
				},
				is_color_type: false,
			}
		},
		methods:{
			close(){
				this.$refs.fab.close();
			},
			trigger(e){
				this.$emit('trigger',e)
			},
		}
	}
</script>

<style>
	.uni-fab__content--other-platform{
		box-shadow:none!important;
	}
</style>
